.nav{
  background-color: #fff;
  min-height: 500px;
  padding: var(--padding);

  h2{
    width: 1130px;
    margin: 0 auto;
    height: 37px;
    line-height: 37px;
    font-size: 26px;
    margin-top: 24px;
    color: rgba(0, 0, 0, 0.85);
  }

  .nav-container{
    width: 1130px;
    margin: 24px auto;
    .nav-list{
      display: flex;
      flex-wrap: wrap;
      margin-top: 16px;
      .nav-item{
        display: flex;
        align-items: center;
        width: 366px;
        height: 80px;
        border: 1px solid rgba(0, 0, 0, 0.05);
        margin-right: 10px;
        margin-bottom: 12px;
        cursor: pointer;
        transition: background-color .2s;
        background: #FFFFFF;
        box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.06);
        border-radius: 4px;

        .func-icon{
          width: 42px;
          height: 42px;
          margin: 0 24px;
          // background-position: center;
          // background-repeat: no-repeat;
          // background-size: cover;
        }
        .nav-item-text{
          display: flex;
          flex-direction: column;
          .main{
            margin: 0;
            font-family: PingFangSC-Regular;
            font-size: 18px;
            color: rgba(0,0,0,.85);
          }
          .sub{
            margin: 0;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: rgba(0,0,0,.45);
          }
        }

        &:hover{
          background-color: var(--theme-color);
          .nav-item-text{
            .main, .sub{
              color: #fff;
            }
            .main{
              font-size: 20px;
            }
          }
        }
      }
    }
  }

  ::ng-deep .ant-skeleton-header{
    padding: 0;
  }
}

.breadcrumb{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(220,220,220,1);
  margin-bottom: 12px;
  padding: var(--padding);
  height: 50px;
  .header{
    .nav-list{
      display: flex;
      margin-bottom: 0;
      .nav-list-item{
        margin-left: 24px;
        .title{
          display: flex;
          align-items: center;
          width: 64px;
          height: 50px;
          font-family: PingFangSC-Regular;
          font-size: 16px;
          color: rgba(0,0,0,0.85);
          text-align: right;
          font-weight: 400;
          cursor: pointer;
          border-bottom: 2px solid transparent;
          &.active{
            color: var(--theme-color);
            border-bottom: 2px solid var(--theme-color);
          }
          &:hover{
            color: var(--theme-color);
            border-bottom: 2px solid var(--theme-color);
          }
        }
      }
    }
  }
  ::ng-deep .my-breadcrumb{
    padding: 0;
    border-bottom: hidden;
    margin-bottom: 0px;
  }
}